@import "mixins";
@import "variables";

ul.menu {
    margin: 0 auto;
    margin-top: 0.25em;
    padding: 0.25em;
    position: absolute;
    display: none;
    //TODO: Style with variables
    border: 1px solid #333333;
    background: #000;
    border-radius: 0.25em;
    list-style-type: none;
    z-index: 1000;

    li {
        float: none;
        display: block;
        color: #fff;
        text-align: left;
        padding: 0.25em;
    }
    
    a {
      color: #fff;
      text-decoration: none;
      cursor: default;
    }
}